<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    {% load static %}
    <link rel="stylesheet" href="{% static '/plugins/bootstrap-3.3.7-dist/css/bootstrap.css' %}">
    <link rel="stylesheet" href="{% static '/css/dashboard.css' %}">
</head>

<body>

<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Project name</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Dashboard</a></li>
                <li><a href="#">Settings</a></li>
                <li><a href="#">Profile</a></li>
                <li><a href="#">Help</a></li>
            </ul>
            <form class="navbar-form navbar-right">
                <input type="text" class="form-control" placeholder="Search...">
            </form>
        </div>
    </div>
</nav>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <ul class="nav nav-sidebar">
                <li {% block class %} {% endblock %}><a href="/lad_list/">实验室 </a></li>
                <li {% block class1 %} {% endblock %}><a href="/matter_list/">资源</a></li>
                <li {% block class2 %} {% endblock %}><a href="/user_list/">用户</a></li>

            </ul>
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">


            <h2 class="sub-header">用户管理页面</h2>
            <div class="table-responsive">
                {% block table %}

                {% endblock %}
            </div>
        </div>
    </div>
</div>

<script src="{% static '/js/sweetalert.min.js' %}"></script>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
{% block script %}

{% endblock %}
{#<script>#}
{#    $('.button1').click(function () {#}
{#        swal({#}
{#            title: "你确定删除吗?",#}
{#            text: "删除后就找不回来了!",#}
{#            icon: "warning",#}
{#            buttons: true,#}
{#            dangerMode: true,#}
{#        })#}
{#            .then((willDelete) => {#}
{#                if (willDelete) {#}
{##}
{#                    va = $(this)#}
{#                    $.ajax({#}
{#                        url: $(this).attr('src'),#}
{#                        data: {#}
{#                            'p_id': $(this).val(),#}
{#                        },#}
{#                        success: function (ret) {#}
{#                            if (ret.status === 200) {#}
{#                                swal("Poof! Your imaginary file has been deleted!", {#}
{#                                    icon: "success",#}
{#                                });#}
{#                                va.parent().parent().remove()#}
{#                            } else {#}
{#                                swal("Your imaginary file is safe!");#}
{#                            }#}
{#                        }#}
{##}
{#                    })#}
{#                } else {#}
{#                    swal("Your imaginary file is safe!");#}
{#                }#}
{#            });#}
{##}
{#    })#}
{#</script>#}
</body>

</html>